<template>
    <div class="my-container">
        <i-panel >
            <div class='info-box'  >
                <div class="avatar">
                    <img src="../../../static/images/avatar.png" class="iavatar" alt="">
                </div>
                <div class="name">
                    教练姓名
                </div>
                <div class="star">                 
                        <i-rate  count="5" value="4.5">4.5</i-rate>                
                </div>
            </div>       
        </i-panel>

        <div class="list-box" >
            <div class="divider-line">
            </div>
            <i-cell-group>
                <!-- url="/pages/dashboard/index" -->
                <div v-for="item in list_box_one" :key="item.title">
                    <i-cell :title="item.title" :is-link="item.is_link" :url='item.url' >
                        <img slot='icon' class='cell-image' :src='item.img_src' />
                    </i-cell>
                </div>
                
            </i-cell-group>
             <div class="divider-line">
            </div>
            <i-cell-group>
                <!-- url="/pages/dashboard/index" -->
                <div v-for="item in list_box_two" :key="item.title">
                    <i-cell :title="item.title" :is-link="item.is_link" >
                        <img slot='icon' class='cell-image' :src='item.img_src' />
                    </i-cell>
                </div>
                
            </i-cell-group>
             <div class="divider-line">
            </div>
            <i-cell-group>
                <!-- url="/pages/dashboard/index" -->
                <div v-for="item in list_box_three" :key="item.title">
                    <i-cell :title="item.title" :is-link="item.is_link" >
                        <img slot='icon' class='cell-image' :src='item.img_src' />
                    </i-cell>
                </div>
                
            </i-cell-group>
             <div class="divider-line">
            </div>

        </div>
        

        
        
       
    </div>

</template>

<script>
import { get } from "../../utils";
export default {
    data(){
        return{
            info:{
                // userName: "欧辉",
                // headImg: "https://wx.qlogo.cn/mmopen/vi_32/4cicEibKEwlRxW1Hc6VibX1ZN7dXnJVuvhtwW0q2sbObnibbLIkNsGRXC4wxpYgs1aIAfJYMFv03L3qoAWC2dtAqng/132",
                // createTime": "2018-11-28 15:30:26",
                // className": "高级班",
                // teleNumber: "18780547853",
                // categoryName: "C2",
            },
            list_box_one:[
                {
                    title:'我的学员',img_src:'/static/images/mystudent.png',is_link:true, url:'/pages/students/main'
                },
                {
                    title:'活动列表',img_src:'/static/images/activity.png',is_link:true, url:'/pages/students/main'
                }
            ],
            list_box_two:[
                {
                    title:'设置中心',img_src:'/static/images/set.png',is_link:true,
                    url:'/pages/students/main'
                },
                {
                    title:'我的奖金',img_src:'/static/images/myaward.png',is_link:true, url:'/pages/students/main'
                },
                {
                    title:'邀请好友',img_src:'/static/images/invite.png',is_link:true, url:'/pages/students/main'
                },
                 {
                    title:'我的好友',img_src:'/static/images/myfriends.png',is_link:true, url:'/pages/students/main'
                }
            ],
            list_box_three:[
                {
                    title:'常见问题',img_src:'/static/images/question.png',is_link:true, url:'/pages/students/main'
                },
                {
                    title:'投诉建议',img_src:'/static/images/advance.png',is_link:true, url:'/pages/students/main'
                }
            ]
        }
    },
    methods:{

    },
    mounted(){
        // var data = get /wxcx/front/coach/studentInfo
        // const data = get("/wxcx/front/coach/studentInfo", {
        //       appId: 'wx253f55ea0c5eaa92'
        //     }).then((result) => {
        //       //_this.getAddressList();
        //        console.log(result)
        //        if(result.code==200){
        //            this.info = result.data
        //        }
        //     });
    }

}
</script>

<style lang="scss" scoped>
.my-container{
    background-color: #f9f9f9;
    .info-box{
        display: flex;
        height: 80px;
        align-items:center;/*垂直居中*/
        justify-content: space-around;/*水平居中*/

        .avatar{
            vertical-align: middle;
            // border:1px solid red;
            margin:auto 0;
            
            .iavatar{
                width: 60px;
                height: 60px;
                vertical-align: middle;
                image{
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .name{
            vertical-align: middle;
            text-align: center;
            line-height: 50px;
            font-size: 16px;
            // border:1px solid yellow;
            margin: auto 0;
        }
        .star {
            color: #f09e01;
            vertical-align: middle;
            font-size: 14px;
            margin: auto 0;

            // border:1px solid purple;
        }
    }

    // 列表框
    .list-box{
        // 分割线
        .divider-line{
            height: 10px;
        }

        .cell-image{
            width: 20px;
            height: 20px;
            vertical-align: middle;
            text-align: center;
            display: flex;
            justify-content: center;

            image{
                width: 100%;
                height: 100%;
            }
        }
    }

}
</style>

